<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/book/res/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/book/res/lib/iconfont/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/book/res/css/layui.css"/>
	</head>
	<body>
		<div class="collection">
			<!--顶部-->
			<div  class="book-dh1">
				<i class="icon iconfont icon-icecream-"></i>
				<div class="welcome">
					<span>欢迎来到小可爱图书馆！</span>
				</div>
				<div class="login-user">
					<span>当前登录用户：</span>
					<a href="">小可爱</a>
				</div>
			</div>
			<!--顶部结束-->
			<!--导航-->
			<div class="front-dh">
				<div class="dh-wdts">
					<span><a href="${BASE_PATH}/book/front/index/index.htm">我的图书馆</a></span>
				</div>
				<div class="dh-wdsc">
					<span><a href="${BASE_PATH}/book/front/collection/collection.htm">我的收藏</a></span>
				</div>
				<div class="dh-tsjy">
					<span><a href="${BASE_PATH}/book/front/borrow/borrow.htm">图书借阅</a></span>
				</div>
				<div class="dh-tscx">
					<span><a href="${BASE_PATH}/book/front/query/query.htm">图书查询</a></span>
				</div>
			</div>
			<!--导航结束-->
			
			<!--我的收藏-->
			<div class="collection-content">
				<h1>我的收藏</h1>
				<table class="layui-table" lay-skin="line">
				  <colgroup>
				    <col width="150">
				    <col width="100">
				    <col width="120">
				    <col width="200">
				    <col width="300">
				    <col width="100">
				    <col>
				  </colgroup>
				  <thead>
				    <tr>
				      <th>图书编号</th>
				      <th>图片</th>
				      <th>书名</th>
				      <th>作者</th>
				      <th>简介</th>
				      <th>书库</th>
				      <th>操作</th>
				    </tr> 
				  </thead>
				  <tbody>
				    <tr>
				      <td>192168254</td>
				      <td><img src="../res/img/ts5.jpg"  style="width: 80px;height: 80px;"/></td>
				      <td>《未来简史》</td>
				      <td>尤瓦尔•赫拉利、林俊宏</td>
				      <td>《未来简史:从智人到智神》进入21世纪后，曾经长期威胁人类生存、发展的瘟疫、饥荒和战争已经被攻克，智人面临着新的待办议题：永生不老、幸福快乐和成为具有“神性”的人类。在解决这些新问题的过程中，科学技术的发展将颠覆我们很多当下认为无需佐证的“常识”，比如人文主义所推崇的自由意志将面临严峻挑战，机器将会代替人类做出更明智的选择。</td>
				      <td>500</td>
				      <td><a style="color: #000000;">我要借阅</a></td>
				    </tr>
				    <tr>
				      <td>564213789</td>
				      <td><img src="../res/img/ts6.jpg"  style="width: 80px;height: 80px;"/></td>
				      <td>《沙丘》</td>
				      <td>弗兰克•赫伯特 (Frank Herbert)、 潘振华</td>
				      <td>《沙丘》内容简介：哥白尼提出了“日心说”，我们才知道这个世界并不是宇宙的中心；哈勃用望远镜揭开了河外星系的神秘面纱，我们才知道宇宙中还有千亿个银河系；“自由号”发现了黑洞的存在，我们才知道也许宇宙之外还有宇宙，我们只是永恒中一颗微小的沙粒。</td>
				      <td>320</td>
				      <td><a style="color: #000000;">我要借阅</a></td>
				    </tr>
				  </tbody>
				</table>   
			</div>
			<!--我的收藏结束-->
			
			<!--推荐图书-->
			<div class="index-right">
				<h1>推荐图书</h1>
				<div class="right1">
					<img src="../res/img/ts1.jpg" />
					<span>解忧杂货店</span>
				</div>
				<div class="right2">
					<img src="../res/img/ts2.jpg" />
					<span>那么慢，那么美</span>
				</div>
				<div class="right3">
					<img src="../res/img/ts3.jpg" />
					<span>偷影子的人</span>
				</div>
				<div class="right4">
					<img src="../res/img/ts4.jpg" />
					<span>岛上书店</span>
				</div>
			</div>
			<!--推荐图书end-->
		</div>
	</body>
</html>
